﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Survey.aspx.cs" Inherits="Survey"
    MasterPageFile="~/UserEntry.master" %>

<asp:Content ID="contentPH" ContentPlaceHolderID="userEntryContent" runat="Server">
    <table width="100%">
        <tr>
            <td align="left" valign="top" rowspan="3">
                <div style="font-size: 36pt; width: 100%; color: #ffffff; font-style: italic; font-family: Impact;
                    background-color: maroon;">
                    &nbsp;Survey
                </div>
                <table width="100%" style="color: #0e0e6c">
                    <tr>
                        <td align="left" valign="top" colspan="2" bgcolor="maroon" style="color: white">
                            <span style="font-size: 18pt; font-family: Verdana; font-style: normal;">&nbsp;Help
                                us to help you!</span>
                            <br />
                            Personal Info&nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td align="right" valign="top">
                            Name:
                        </td>
                        <td valign="top">
                            <input id="txtName" type="text" name="txtName" runat="server" enableviewstate="true" /></td>
                    </tr>
                    <tr>
                        <td align="right" valign="top">
                            Gender:</td>
                        <td valign="top">
                            <input id="optFemale" name="optGender" type="radio" value="Female" runat="server"
                                enableviewstate="true" />
                            Female<br />
                            <input id="optMale" name="optGender" type="radio" value="Male" runat="server" enableviewstate="true" />
                            Male</td>
                    </tr>
                    <tr>
                        <td style="height: 18px" align="right" valign="top">
                            Mountain Bike Rider?</td>
                        <td style="height: 18px" valign="top">
                            <input id="chkMBR" checked="checked" name="chkMBR" type="checkbox" runat="server"
                                enableviewstate="true" /></td>
                    </tr>
                    <tr>
                        <td align="right" style="height: 18px" valign="top">
                            Road Rider?</td>
                        <td style="height: 18px" valign="top">
                            <input id="chkRR" checked="checked" name="chkRR" type="checkbox" runat="server" enableviewstate="true" /></td>
                    </tr>
                    <tr>
                        <td align="right" style="height: 18px" valign="top">
                            Favorite Trails from&nbsp;
                            <br />
                            around the world:</td>
                        <td style="height: 18px" valign="top">
                            <textarea id="txtTrails" cols="50" name="txtTrails" rows="3" runat="server" enableviewstate="true"></textarea>
                        </td>
                    </tr>
                </table>
                <hr />
                <asp:table id="tblOuter" runat="server" gridlines="None" width="100%" forecolor="#0e0e6c">
                        <asp:TableRow ID="outerR1" runat="server">
                            <asp:TableCell ID="outerR1C1" runat="server" ColumnSpan="2">
                                <asp:Panel ID="pnlActivity" runat="server" HorizontalAlign="Left" Width="100%" ForeColor="white" BackColor="maroon">Recent and Planned Activity</asp:Panel>
                            </asp:TableCell>
                        </asp:TableRow>
                        <asp:TableRow ID="outerR2" runat="server">
                            <asp:TableCell ID="outerR2C1" runat="server" VerticalAlign="Middle" Wrap="false" Width="1%">Rides:</asp:TableCell>
                            <asp:TableCell ID="outerR2C2" runat="server">
                                <asp:Table ID="tblInner" runat="server" GridLines="None" Width="100%">
                                    <asp:TableRow ID="innerR1" runat="server">
                                        <asp:TableCell ID="innerR1C1" runat="server" Wrap="false" Width="1%">
                                            <asp:Literal ID="ltlLast" runat="server" Text="Last Trip>>>"></asp:Literal>
                                        </asp:TableCell>
                                        <asp:TableCell ID="innerR1C2" runat="server">
                                            <asp:Calendar ID="calLast" runat="server" TodayDayStyle-BackColor="Maroon" ></asp:Calendar>
                                        </asp:TableCell>
                                    </asp:TableRow>
                                        <asp:TableRow ID="innerR2" runat="server">
                                        <asp:TableCell ID="innerR2C1" runat="server" Wrap="false" Width="1%">
                                            <asp:Literal ID="ltlNext" runat="server" Text="Next Trip>>>"></asp:Literal>
                                        </asp:TableCell>
                                        <asp:TableCell ID="innerR2C2" runat="server">
                                            <asp:Calendar ID="calNext" runat="server" TodayDayStyle-BackColor="Maroon"></asp:Calendar>
                                        </asp:TableCell>
                                    </asp:TableRow>                                   
                                </asp:Table>
                            </asp:TableCell>
                        </asp:TableRow>
                        <asp:TableRow ID="outerR3" runat="server">
                            <asp:TableCell ID="outerR3C1" runat="server" VerticalAlign="Top" HorizontalAlign="Left" Wrap="false" Width="1%">Your Ability:</asp:TableCell>
                            <asp:TableCell ID="outerR3C2" runat="server">
                                <asp:DropDownList ID="ddAbility" runat="server">
                                    <asp:ListItem Text="Beginner"></asp:ListItem>
                                    <asp:ListItem Text="Competent"></asp:ListItem>
                                    <asp:ListItem Text="Expert"></asp:ListItem>
                                </asp:DropDownList>
                            </asp:TableCell>
                        </asp:TableRow>
                        <asp:TableRow ID="outerR4" runat="server">
                            <asp:TableCell ID="outerR4C1" runat="server" VerticalAlign="Top" HorizontalAlign="Left" Wrap="false" Width="1%">Your Experience:</asp:TableCell>
                            <asp:TableCell ID="outerR4C2" runat="server">
                                <asp:ListBox ID="lstExperience" runat="server">
                                    <asp:ListItem Text="Ridden only on the road"></asp:ListItem>
                                    <asp:ListItem Text="Ridden on some forest fire-breaks"></asp:ListItem>
                                    <asp:ListItem Text="Ridden singletrack trails"></asp:ListItem>
                                    <asp:ListItem Text="Ridden down mountains"></asp:ListItem>
                                    <asp:ListItem Text="Raced down mountains"></asp:ListItem>
                                    <asp:ListItem Text="Won races down mountains"></asp:ListItem>
                                </asp:ListBox>
                            </asp:TableCell>
                        </asp:TableRow>
                        <asp:TableRow ID="outerR5" runat="server">
                            <asp:TableCell ID="outerR5C1" runat="server" VerticalAlign="Top" HorizontalAlign="Left" Wrap="false" Width="1%">Your goals:</asp:TableCell>
                            <asp:TableCell ID="outerR5C2" runat="server">
                               <asp:CheckBoxList ID="chkGoals" runat="server">
                                    <asp:ListItem>To get more road-riding experience</asp:ListItem>
                                    <asp:ListItem>To get more mountain-biking experience</asp:ListItem>
                                    <asp:ListItem>To upgrade my bike</asp:ListItem>
                                    <asp:ListItem>To get the latest accessories</asp:ListItem>
                               </asp:CheckBoxList>
                            </asp:TableCell>
                        </asp:TableRow>
                        <asp:TableRow ID="outerR6" runat="server">
                            <asp:TableCell ID="outerR6C1" runat="server" VerticalAlign="Top" HorizontalAlign="Left" Wrap="false" Width="1%">Contact:</asp:TableCell>
                            <asp:TableCell ID="outerR6C2" runat="server">
                                 <asp:RadioButtonList ID="optMarketing" runat="server">
                                    <asp:ListItem Selected="True">Do not send me sales information</asp:ListItem>
                                    <asp:ListItem>Only send me sales information from Adventure Works</asp:ListItem>
                                    <asp:ListItem>Send me any sales information I might be interested in</asp:ListItem>
                                </asp:RadioButtonList>
                            </asp:TableCell>
                        </asp:TableRow>      
                         <asp:TableRow ID="outerR7" runat="server">
                            <asp:TableCell ID="outerR7C1" runat="server" VerticalAlign="Top" HorizontalAlign="Left" Wrap="false" Width="1%">Where do you normally ride?</asp:TableCell>
                            <asp:TableCell ID="outerR7C2" runat="server">
                                <asp:ImageMap id="imgMap" runat="server" ImageUrl="~/Images/BikeTheWorld.gif" HotSpotMode="PostBack" OnClick = "imgMap_Click">
                                    <asp:PolygonHotSpot Coordinates="0,0,150,0,75,60,75,100,0,75" HotSpotMode="PostBack" 
                                        PostBackValue="USA" TabIndex="1"  />
                                    <asp:PolygonHotSpot Coordinates="160,0,225,0,200,60,125,60,125,25" HotSpotMode="PostBack"
                                        PostBackValue="Europe" TabIndex="2" />
                                </asp:ImageMap>
                                <asp:HiddenField ID="hdnRegion" runat="server" />
                            </asp:TableCell>
                        </asp:TableRow>
                        <asp:TableRow ID="outerR8" runat="server">
                             <asp:TableCell ID="outerR8C1" runat="server" VerticalAlign="Top" HorizontalAlign="Left" Wrap="false" Width="1%"></asp:TableCell>
                            <asp:TableCell ID="outerR8C2" runat="server">
                                <asp:ImageButton ID="ibtnSubmit" runat="server" ImageUrl="~/Images/Submit.GIF" PostBackUrl="SurveyReceipt.aspx"></asp:ImageButton>
                            </asp:TableCell>
                        </asp:TableRow>                       
                    </asp:table>
            </td>
        </tr>
    </table>
</asp:Content>
